<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index-top.css" />
		<link rel="stylesheet" type="text/css" href="css/index-logo.css"/>
		<link rel="stylesheet" type="text/css" href="css/index-nav.css"/>
		<link rel="stylesheet" type="text/css" href="css/demo.css"/>
		<link rel="stylesheet" type="text/css" href="css/goodspage.css"/>
		<script src="https://cdn.bootcss.com/jquery.countdown/2.2.0/jquery.countdown.min.js"></script>
	</head>
	<body>
		<div id="top-bar">
			<div class="top-bar-left">
				<a class="top-text" href="#">京东首页</a>
				<a class="top-text" href="#">山东</a>
			</div>
			<div class="top-bar-right">
				<a class="top-text top-login" href="#">您好，请登录</a>
				<a class="top-text" href="#">免费注册</a>
				|<a class="top-text" href="#">我的订单</a>
				|<div class="top-text top-erji">我的竞东
				     <div class="top-text top-list">
				     	<a class="erji" href="#">待处理订单</a>
						<a class="erji" href="#">消息</a>
						<a class="erji" href="#">反修退换货</a>
						<a class="erji" href="#">我的回答</a>
						<a class="erji" href="#">降价商品</a>
						<a class="erji" href="#">我的关注</a>
						<hr class="hrhr" />
						<a class="erji" href="#">我的京豆</a>
						<a class="erji" href="#">我的优惠券</a>
						<a class="erji" href="#">我的白条</a>
						<a class="erji" href="#">我的理财</a>
				     </div>	
				</div>
				|<a class="top-text" href="#">我的会员</a>
				|<div class="top-text top-erji">企业采购
				     <div class="top-text top-caigou">
				     	<a class="erji" href="#">企业购</a>
						<a class="erji" href="#">商用场景馆</a>
						<a class="erji" href="#">工业品</a>
						<a class="erji" href="#">礼品卡</a>
				     </div>	
				</div>
				|<a class="top-text" href="#">客户服务</a>
				|<a class="top-text" href="#">网站导航</a>
				|<a class="top-text" href="#">手机京东</a>
			</div>
		</div>
		<div id="logo-bar">
			<a href="http://www.jd.com" id="logo"></a>
			<span id="logo-title">京东时尚</span>
			<div id="logo-down">
				全部分类
			</div>
			<div id="logo-search">
				<input type="text" id="search-text"/>
				<button type="button" id="search">搜索</button>
				<ul id="search-list">
					<li>珠宝饰品</li>
					<li>自营男装</li>
					<li>精品女装</li>
					<li>Nike</li>
					<li>潮牌</li>
				</ul>
			</div>
			<div id="shopping-cart">
				<span id="shop">加入购物车</span>
			</div>
		</div>
		<div id="nav-bar">
			<div id="nav-part1">
				<ul>
					<li id="part1-first"><i></i>京东时尚分类</li>
					<li id="part1-item">品牌特卖</li>
					<li id="part1-item">原创设计</li>
					<li id="part1-item">精品定制</li>
					<li id="part1-item">企业购</li>
				</ul>
			</div>
			<div id="nav-part2">
				<ul>
					<li id="part2-first">风格尚选</li>
					<li class="part2-item">男装</li>
					<li class="part2-item">女装</li>
					<li class="part2-item">内衣</li>
					<li class="part2-item">女鞋</li>
					<li class="part2-item">男鞋</li>
					<li class="part2-item">运动</li>
					<li class="part2-item">户外</li>
					<li class="part2-item">珠宝</li>
					<li class="part2-item">腕表</li>
					<li class="part2-item">箱包</li>
					<li class="part2-item">配饰</li>
					<li class="part2-item">童装</li>
				</ul>
			</div>
		</div>
		<div id="box1">
			<img id="box1-img" src="" >
			<ul id="box1-ul">
			</ul>
		</div>
		<script src="js/demo.js" type="text/javascript" charset="utf-8"></script>
		<div id="all">
			<div style="background: #FF0000;">
				<h2 style="text-align: center;margin: 20px;">京东秒杀</h2>
				<img src="img/img_flash.jpg" style="width: 20%; height: 20%;margin-left:5rem ;">
				<p style="margin: 20px;position:relative;top:0.625rem;text-align: center;font-size: 0.9375rem;color: white;">本场距离结束还有：</p>
				<h2 style="text-align: center;margin: 20px;">22:30:25</h2>
		    </div>
			<div class="aaa">
				<img id="goods-1" src="img/goods1.webp" >
				<h3>￥3780</h3>
				<a class="content">apple专卖店</a>
			    <span class="content">9000人已购买</span>
			</div>
			<div class="aaa">
				<img id="goods-1" src="img/goods2.webp" >
				<h3>￥52.00</h3>
				<a class="content">电子专卖店</a>
			    <span class="content">4526人已购买</span>
			</div>
			<div class="aaa">
				<img id="goods-1" src="img/goods3.webp" >
				<h3>￥520.00</h3>
				<a class="content">鳄鱼专卖店</a>
			    <span class="content">1196人已购买</span>
			</div>
			<div class="aaa">
				<img id="goods-1" src="img/goods4.webp" >
				<h3>￥3200.00</h3>
				<a class="content">三星专卖店</a>
			    <span class="content">5562人已购买</span>
			</div>
			<div class="aaa">
				<img id="goods-1" src="img/goods5.webp" >
				<h3>￥9999.00</h3>
				<a class="content">Love专卖店</a>
			    <span class="content">3600人已购买</span>
			</div>
		</div>
		<script src="js/mine.js" type="text/javascript" charset="utf-8"></script>
		<div id="bottom">
			<div class="bottom-pay">
				合计：<span id="heji"></span>
				<button id="jiesuan" onclick="jiesuan()" type="button" class="bottom-pay-next">结算</button>
			</div>
		</div>
	</body>
</html>
